<template>
	<view :style="themeColor">
		<view class="page" v-if="aabb">
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex index_flex_0"
				:style="{height:(215+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between index_fd0_0'>
					<view class='flex flex-wrap align-center index_fd0_0_c0'>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='index_fd0_0_c1_c0'>高整无忧-数字家政平台</text>
					</view>
					<view class='flex align-center justify-end index_fd0_0_c0'>
					</view>
				</view>
				<view class='flex flex-wrap align-center index_fd0_1'>
					<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/my/selectCity/selectCity`">
						<image class='index_fd0_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"367.png"'></image>
						<text class='flex-sub index_fd0_1_c0_c1'>{{cityinfo.text||"未授权定位"}}</text>
					</view>
					<view class='flex flex-wrap align-center index_fd0_1_c1'>
					</view>
					<text class='fu-iconfont2  index_fd0_1_c2'>&#xe738;</text>
					<view style="position: relative">
						<swiper ref="benbenSwiperfd0_1_c3" :current='slide'
							@change="bannerIndexfd0_1_c3 = $event.detail.current"
							class='flex position-relative index_fd0_1_c3' previous-margin="0rpx" next-margin="0rpx"
							:display-multiple-items="1" :vertical='true' :interval="5000" :duration="500"
							:autoplay='true' :circular='true'>

							<template v-for='(item,key0) in searchList'>
								<swiper-item class='flex  index_fd0_1_c3' @tap="handleJumpDiy" data-type="navigateTo"
									:data-url="`/pages/index/searchs/searchs?keyword=${item.service_title}`"
									:key='key0'>
									<text class='index_fd0_1_c3_c1_c0'>{{item.service_title}}</text>
								</swiper-item>
							</template>

						</swiper>
					</view>
				</view>

			</view>
			<view :style="{height: (215+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout index_flex_1"
				v-if="banner_list.length">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd1_0" :current='slide' @change="bannerIndexfd1_0 = $event.detail.current"
						class='flex position-relative index_fd1_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>
						<template v-for='(item,key0) in banner_list'>
							<swiper-item class='flex  index_fd1_0' :key='key0'>
								<image class='index_fd1_0_c1_c0' mode="scaleToFill" :src='item.thumb'
									@tap.stop="dynamicJump(item.href)"></image>
							</swiper-item>
						</template>

					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center index_swiperDotfd1_00001">
						<template v-for="(item, index) in (banner_list.length)">
							<view :key="index" v-if="bannerIndexfd1_0 == index"
								class="flex dot selected flex align-center justify-center index_swiperDotSelectedfd1_00001">
							</view>
							<view :key="index" v-else
								class="flex dot unselected flex align-center justify-center index_swiperDotUnselectedfd1_00001">
							</view>
						</template>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center index_flex_2" v-if="noticeList.length">
				<view class='flex flex-wrap align-center justify-between flex-sub index_fd2_0'>
					<view style="position: relative">
						<swiper ref="benbenSwiperfd2_0_c0" @change="bannerIndexfd2_0_c0 = $event.detail.current"
							class='flex position-relative index_fd2_0_c0' previous-margin="0rpx" next-margin="0rpx"
							:display-multiple-items="1" :vertical='true' :interval="5000" :duration="500"
							:autoplay='true' :circular='true'>
							<template v-for='(item,key0) in noticeList'>
								<swiper-item class='flex  index_fd2_0_c0' :key='key0'>
									<view class='flex align-center self-center index_fd2_0_c0_c1_c0'
										@tap.stop="handleJumpDiy" data-type="navigateTo"
										:data-url="`/pages/index/newDetails/newDetails?id=${item.aid}`">
										<image class='index_fd2_0_c0_c1_c0_c0' mode="aspectFit"
											:src='STATIC_URL+"533.png"'></image>
										<text class='index_fd2_0_c0_c1_c0_c1'>{{item.title}}</text>
									</view>
								</swiper-item>
							</template>

						</swiper>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center benben-flex-layout index_flex_3">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd3_0" :current='slide' @change="bannerIndexfd3_0 = $event.detail.current"
						class='flex position-relative index_fd3_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :circular='true'>

						<template v-for='(item,key0) in serves_list'>
							<swiper-item class='flex  index_fd3_0_c1' :key='key0'>
								<view class='flex flex-wrap align-start index_fd3_0_c1_c0'>
									<template v-for='(child,key1) in item.types'>
										<view class='flex flex-direction flex-wrap align-center index_fd3_0_c1_c0_c0'
											@tap.stop="serves_redirtFunc(child.jump_page,child.aid,child.name)"
											:key='key1'>
											<image class='index_fd3_0_c1_c0_c0_c0' mode="aspectFill" :src='child.icon'>
											</image>
											<text class='index_fd3_0_c1_c0_c0_c1'>{{child.name}}</text>
										</view>
									</template>

								</view>
							</swiper-item>
						</template>

					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center index_swiperDotfd3_0">
						<template v-for="(item, index) in (serves_list.length)">
							<view :key="index" v-if="bannerIndexfd3_0 == index"
								class="flex dot selected flex align-center justify-center index_swiperDotSelectedfd3_0">
							</view>
							<view :key="index" v-else
								class="flex dot unselected flex align-center justify-center index_swiperDotUnselectedfd3_0">
							</view>
						</template>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1710916324197" :mask="true" :mask-close-able="false" mode='center'
				:z-index='999'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_4">
					<view class='flex flex-direction flex-wrap align-stretch index_fd4_0'
						:style="{'background-image':`url(${couponsData.thumb})`,'background-size':`100%`,'background-repeat':`no-repeat`}">
						<view class='flex flex-direction flex-wrap align-center flex-sub index_fd4_0_c0'>
							<text class='index_fd4_0_c0_c0'>{{couponsData.remark}}</text>
							<view class='flex flex-wrap align-center index_fd4_0_c0_c1'>
								<text class='index_fd4_0_c0_c1_c0'>￥</text>
								<text class='index_fd4_0_c0_c1_c1'>{{couponsData.count_money}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center justify-center index_fd4_0_c1'
							@tap.stop="goLoginFunc()">
							<text>立即注册</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-center index_fd4_1'>
						<image class='index_fd4_1_c0' mode="aspectFit" :src='STATIC_URL+"541.png"'
							@tap.stop="popupShow1710916324197=false"></image>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-between benben-flex-layout index_flex_5">
				<view class='flex flex-direction flex-wrap align-stretch index_fd5_0' v-if=" limitedTime.length>0">
					<view class='flex flex-wrap align-end index_fd5_0_c0'>
						<text class='index_fd5_0_c0_c0'>限时秒杀</text>
						<text class='index_fd5_0_c0_c0001' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/seckillLists/seckillLists`">查看更多</text>
					</view>

					<scroll-view class='index_fd5_0_c1' :scroll-x='true'>
						<view class='flex benben-scroll flex align-center'>
							<template v-for='(item,key0) in limitedTime'>
								<view class='flex flex-direction flex-wrap align-stretch index_fd5_0796655444'
									:key='key0' @tap.stop="handleJumpDiy" data-type="navigateTo"
									:data-url="`/pages/index/seckillLists/seckillLists`">
									<image class='index_fd5_0_c1_c0_c0' mode="aspectFill" :src='item.picture'></image>
									<text class='index_fd5_0_c1_c0_c1'>{{item.service_title}}</text>
									<view class='flex flex-wrap align-center'>
										<text class='index_fd5_0_c1_c0_c2_c0'>￥</text>
										<text class='index_fd5_0_c1_c0_c2_c1'>{{item.seckill_price}}</text>
									</view>
								</view>
							</template>

						</view>
					</scroll-view>

				</view>
				<view class='flex flex-direction flex-wrap align-stretch index_fd5_0' v-if=" popularList.length>0">
					<view class='flex flex-wrap align-center index_fd5_0_c0'>
						<text class='index_fd5_1_c0_c0'>热门服务</text>
						<text class='index_fd5_0_c0_c0001' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/activityLists/activityLists`">查看更多</text>
					</view>
					<scroll-view class='index_fd5_0_c1' :scroll-x='true'>
						<view class='flex benben-scroll flex align-center '>
							<template v-for='(item,key0) in popularList'>
								<view class='flex flex-direction flex-wrap align-stretch index_fd5_0796655444'
									@tap.stop="handleJumpDiy" data-type="navigateTo"
									:data-url="`/pages/index/activityLists/activityLists`" :key='key0'>
									<image class='index_fd5_0_c1_c0_c0' mode="aspectFill" :src='item.picture'></image>
									<text class='index_fd5_0_c1_c0_c1'>{{item.service_title}}</text>
									<view class='flex flex-wrap align-center'>
										<text class='index_fd5_0_c1_c0_c2_c0'>￥</text>
										<text class='index_fd5_0_c1_c0_c2_c1'>{{item.deposit_money}}</text>
									</view>
								</view>
							</template>
						</view>
					</scroll-view>
				</view>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-between benben-flex-layout index_flex_6_ben0785236"
				v-if="promotionList.length != 0">
				<image class='index_fd6_0_ben0785236' mode="aspectFill" :src='promotionList[0].thumb'
					@tap.stop="dynamicJump(promotionList[0].href)"></image>
				<image class='index_fd6_0_ben0785236' mode="aspectFill" :src='promotionList[1].thumb'
					@tap.stop="dynamicJump(promotionList[1].href)"></image>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center index_flex_6" @tap="handleJumpDiy"
				data-type="navigateTo" :data-url="`/pages/my/member/member`" v-if="memberList.length != 0">
				<image class='index_fd6_0' mode="widthFix" :src='memberList[0].thumb'></image>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局10flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_0_hiae" v-if="auntList.length != ''">
				<view class='flex flex-wrap align-stretch flex-sub index_fd0_0_hiae'>
					<image class='index_fd0_0_c0_hiae' mode="aspectFit" src='/static/images/AY.png'></image>
					<text class='flex-sub index_fd0_0_c1_hiae'>{{$t('阿姨精选')}}</text>
					<view class='flex flex-wrap align-center'>
						<text class='index_fd0_0_c2_c0_hiae' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/auntieList/auntieList`">{{$t('查看更多')}}</text>
						<!-- <text class='fu-iconfont2  index_fd0_0_c2_c1_hiae'>&#xe7f2;</text> -->
					</view>
				</view>
				<scroll-view class='index_fd0_1_hiae' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
					:enhanced="true">
					<view class='flex benben-scroll flex align-center'>
						<template v-for='(item,key0) in auntList'>
							<view class='flex flex-direction flex-wrap align-center index_fd0_1_c0_hiae' :key='key0'
								@tap="handleJumpDiy" data-type="navigateTo"
								:data-url="`/pages/index/masterDetails/masterDetails?id=${item.user_id}`">
								<image class='index_fd0_1_c0_c0_hiae' mode="aspectFill" :src='item.avatar'>
								</image>
								<text class='index_fd0_1_c0_c1_hiae'>{{item.nickname}}</text>
								<view class='flex flex-wrap align-center justify-center index_fd0_1_c0_c2_hiae'>
									<template v-for='(child,key1) in item.category'>
										<view class='flex flex-wrap align-center index_fd0_1_c0_c2_c0_hiae' :key='key1'>
											<text class='index_fd0_1_c0_c2_c0_c0_hiae'>{{child.name}}</text>
										</view>
									</template>
								</view>
							</view>
						</template>
					</view>
				</scroll-view>
			</view>
			<!---flex布局10flex布局结束-->
			<!---服务列表flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_7">
				<view class='flex flex-wrap align-center index_fd7_0'>
					<image class='index_fd7_0_c0' mode="aspectFit" :src='STATIC_URL+"347.png"'></image>
					<text class='flex-sub index_fd7_0_c1' v-if="switchData.switch != 1">服务精选</text>
					<text class='flex-sub index_fd7_0_c1' v-else>服务项目</text>
					<text class='index_fd5_0_c0_c0002' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/selectedList/selectedList`">查看更多</text>
				</view>
				<!---flex布局flex布局开始-->
				<!-- <view class="flex flex-wrap align-center flex-direction benben-flex-layout homePage_flex_4001"
					v-if="cityinfo.text == '' && isLogin == true">
					<image class="homePage_flex_4008" src="/static/empty/order.png"></image>
					<button class="order_fd2_1_c1" @tap.stop="autoGetLocationFunc()">请先开启定位再进行下单，立即开启</button>
				</view> -->
				<!---flex布局flex布局结束-->
				<template v-for='(item,key0) in tuijian_list'>
					<view class='flex flex-direction flex-wrap align-stretch index_fd7_1' @tap.stop="handleJumpDiy"
						data-type="navigateTo"
						:data-url="`/pages/index/serviceDetails/serviceDetails?id=${item.aid}&serviceName=${item.service_title}&aid=${item.servicecategory_id}`"
						:key='key0'>
						<!-- 服务详情链接路径：serviceDetails -->
						<!-- 分享服务详情路径：sharDetails -->
						<!-- 下载路径：download -->
						<!-- /pages/index/serviceDetails/serviceDetails?id=${item.aid}&serviceName=${item.service_title}&aid=${item.servicecategory_id} -->
						<view class='flex flex-wrap align-center index_fd7_1_c0'>
							<image class='index_fd7_1_c0_c0' mode="aspectFill" :src='item.top_img'></image>
							<view class='flex flex-wrap align-center index_fd7_1_c0_c1'>
								<text class='index_fd7_1_c0_c1_c0'>{{item.server_type_name}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center index_fd7_1_c1'>
							<text class='flex-sub index_fd7_1_c1_c0'>{{item.service_title}}</text>
							<text class='index_fd7_1_c1_c1'>已服务</text>
							<text class='index_fd7_1_c1_c1'>{{item.sales_volume}}</text>
							<text class='index_fd7_1_c1_c1'>次</text>
						</view>
						<view class='flex flex-wrap align-center index_fd7_1_c2' @tap.stop="handleJumpDiy"
							data-type="navigateTo"
							:data-url="`/pages/index/shopList/shopList?aid=${item.usermerchant_id}`"
							v-if=" item.usermerchant_id>0">
							<text class='index_fd7_1_c2_c0'>{{item.store_name}}</text>
							<text class='index_fd7_1_c2_c1'>进店</text>
							<text class='fu-iconfont2  index_fd7_1_c2_c2'>&#xe7f2;</text>
						</view>
						<view class='flex flex-wrap align-center justify-between index_fd7_1_c3'>
							<view class='flex flex-wrap align-end'>
								<text class='index_fd7_1_c3_c0_c0'>￥</text>
								<text class=' index_fd7_1_c3_c0_c1'>
									<text>{{ item.deposit_money | frontPrice }}</text>
									<text>{{ item.deposit_money | laterPrice }}</text>
								</text>
								<text class='index_fd7_1_c3_c0_c2'>{{item.unit_name}}</text>
								<text class='index_fd7_1_c3_c0_c3'>{{item.scribe_money}}</text>
							</view>
							<button class='index_fd7_1_c3_c1'>立即抢购</button>
						</view>
					</view>
				</template>

			</view>

			<!---服务列表flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_8"
				v-if="koubei_list.length !=0">
				<view class='flex flex-wrap align-center index_fd8_0'>
					<image class='index_fd8_0_c0' mode="aspectFit" :src='STATIC_URL+"348.png"'></image>
					<text class='flex-sub index_fd8_0_c1'>用户口碑</text>
				</view>
				<view class='flex flex-wrap align-start'>
					<template v-for='(item,key0) in koubei_list'>
						<view class='flex flex-direction flex-wrap align-stretch index_fd8_1_c0'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/index/kbDetails/kbDetails?pj_id=${item.pj_id}&kb_id=${item.kb_id}`"
							:key='key0'>
							<image class='index_fd8_1_c0_c0' mode="aspectFill" :src='item.appraise_img'></image>
							<text class='index_fd8_1_c0_c1'>{{item.evaluation_description}}</text>
							<view class='flex flex-wrap align-center index_fd8_1_c0_c2'>
								<image class='index_fd8_1_c0_c2_c0' mode="aspectFill" :src='item.avatar'></image>
								<text class='flex-sub index_fd8_1_c0_c2_c1'>{{item.nickname}}</text>
							</view>
						</view>
					</template>

				</view>
			</view>

			<!---flex布局flex布局结束-->

			<view class="flex flex-wrap align-center justify-between benben-position-layout flex index_flex_9"
				v-if="isLogin == false">
				<text class='index_fd9_0'>登录可以领取更多优惠哦~</text>
				<button class='index_fd9_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/tabBar/login/login?type=1`">去登录</button>
			</view>
			<view :style="{height: '88rpx'}" v-if="isLogin == false"></view>
			<view class="flex flex-wrap align-center justify-between benben-position-layout flex index_flex_9"
				v-if="cityinfo.text == '' && isLogin == true && appSystemIdentification!='Wechat'">
				<text class='index_fd9_0'>开启定位权限，推荐适合您的服务信息~</text>
				<button class='index_fd9_1' @tap.stop="autoGetLocationFunc()">去开启</button>
			</view>
			<view :style="{height: '88rpx'}"
				v-if="cityinfo.text == '' && isLogin == true && appSystemIdentification!='Wechat'"></view>
		</view>
	</view>
</template>
<script>
	import amap from '@/libs/amap-wx.js'
	import {
		validate
	} from '@/common/utils/validate.js'
	export default {
		components: {},


		data() {
			return {
				"popupShow1710916324197": false,
				"aabb": false,
				"bannerIndexfd1_0": 0,
				"intervalId1": '',
				"intervalId": '',
				"msgNum": {
					"order_num": "",
					"sys_num": "",
					"no_read_num": "",
					"new_order_message": "",
					"new_sys": "",
					"order_time": "",
					"sys_time": ""
				},
				"switchData": {
					"aid": "",
					"sys_num": "",
					"sys_time": ""
				},
				"bannerIndexfd3_0": 0,
				"bannerIndexfd2_0_c0": 0,
				"bannerIndexfd1_0": 0,
				"bannerIndexfd0_1_c3": 0,
				"daojishi": "12323",
				"tabs": "1",
				"diamond_list": [],
				"serves_list": [],
				"banner_list": [],
				"tuijian_list": [],
				"koubei_list": [],
				"superList": [],
				"timeData": {
					"countdown_timer": ""
				},
				"limitedTime": [],
				"popularList": [],
				"searchList": [],
				"slide": 0,
				"addressName": {
					"city_name": "",
					"lng": "",
					"lat": ""
				},
				"noticeList": [],
				"auntList": [],
				"copyright": {
					"project_name": "",
					"copyright_info": "",
					"create_time": "",
					"logo": ""
				},
				"cityinfo": {
					"text": "",
					"district": "",
					"lng": "",
					"lat": ""
				},
				"treatmentList": [],
				"memberList": [],
				"promotionList": [],
				"ids": [],
				"couponsData": {
					"thumb": "",
					"count_money": "",
					"remark": ""
				},
				"money": "",
				"invite_code": ""
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			userInfo: {
				get() {
					return this.$store.state.userInfo
				},
				set() {
					this.$store.commit('updateUserInfo', value)
				},
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			},
			/**
			 * @returns 
			 * Android       安卓
			 * IOS       苹果
			 * Web       H5 或 pc
			 * Wechat       微信小程序
			 * Alipay       支付宝小程序
			 * Baidu       百度小程序
			 * ByteBounce       抖音小程序
			 * 360       360小程序
			 * FastApp       快应用
			 */
			appSystemIdentification() {
				return this.$store.state.appSystemIdentification
			}
		},
		watch: {},
		onLoad(options) {
			let {
				money,
				invite_code
			} = options
			if (money !== undefined) this.money = money
			if (invite_code !== undefined) this.invite_code = invite_code
			if (global.appTabBarType) this.toHomeDiy()
			// this.get_banner_listFunc()
			// this.memberFunc()
			// this.get_serves_listFunc()
			// this.getTimeFunc()
			// this.getSearchFunc()
			// this.getNoticeDataFunc()
			// this.getCouponsDataFunc()
			// this.getDataFuncFunc()
			// this.get_home_service_listFunc()
			// this.get_koubei_listFunc()
			// this.diyPageListen()
			// this.setInviteCodeFunc()
			// this.getAmapFunc()
			// uni.showShareMenu({
			// 	withShareTicket: true,
			// 	//设置下方的Menus菜单，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
			// 	menus: ["shareAppMessage", "shareTimeline"]
			// })
		},
		onUnload() {
			this.diyOffPageListen()
		},
		onReady() {

		},
		onShow() {
			if (uni.getStorageSync('cityinfo')) {
				this.cityinfo = uni.getStorageSync('cityinfo')
			}
			if (uni.getStorageSync('intervalId1')) {
				clearInterval(this.intervalId1);
				this.intervalId1 = null;
				uni.setStorageSync('intervalId1', '')
			}
			//
			let _this = this
			if (uni.getStorageSync('wangluo')) {
				_this.get_banner_listFunc()
				_this.promotionFunc()
				_this.memberFunc()
				_this.get_serves_listFunc()
				_this.getTimeFunc()
				_this.getSearchFunc()
				_this.getNoticeDataFunc()
				_this.getCouponsDataFunc()
				_this.getDataFuncFunc()
				_this.get_home_service_listFunc()
				_this.get_koubei_listFunc()
				_this.diyPageListen()
				_this.setInviteCodeFunc()
				_this.getAmapFunc()
				//
				_this.getNoReadNumFuncFunc()
				_this.getJudgmentLocationFunc()
				_this.getLimitedTimeFunc()
				_this.getPopularFunc()
				_this.getSwitchFunc()
				_this.getAuntListFunc()
				uni.showShareMenu({
					withShareTicket: true,
					//设置下方的Menus菜单，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
					menus: ["shareAppMessage", "shareTimeline"]
				})
				_this.aabb = true
			} else {
				_this.intervalId = setInterval(() => {
					uni.getNetworkType({
						success: function(res) {
							if (res.networkType !== 'none') {
								clearInterval(_this.intervalId);
								_this.intervalId = null
								// console.log('已经连上了网络');
								uni.setStorageSync('wangluo', 1);
								_this.get_banner_listFunc()
								_this.promotionFunc()
								_this.memberFunc()
								_this.get_serves_listFunc()
								_this.getTimeFunc()
								_this.getSearchFunc()
								_this.getNoticeDataFunc()
								_this.getCouponsDataFunc()
								_this.getDataFuncFunc()
								_this.get_home_service_listFunc()
								_this.get_koubei_listFunc()
								_this.diyPageListen()
								_this.setInviteCodeFunc()
								_this.getAmapFunc()
								//
								_this.getNoReadNumFuncFunc()
								_this.getJudgmentLocationFunc()
								_this.getLimitedTimeFunc()
								_this.getPopularFunc()
								_this.getSwitchFunc()
								_this.getAuntListFunc()
								uni.showShareMenu({
									withShareTicket: true,
									//设置下方的Menus菜单，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
									menus: ["shareAppMessage", "shareTimeline"]
								})
								_this.aabb = true
							} else {
								console.log('没有网络连接');
								uni.onNetworkStatusChange(function(res) {});

							}
						}
					});
				}, 500)
			}
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			this.get_serves_listFunc()
			this.getPopularFunc()
			this.getLimitedTimeFunc()
			this.get_koubei_listFunc()
			this.get_home_service_listFunc()
		},
		onShareAppMessage() {
			return {
				title: '高整无忧-数字家政平台',
				path: '/pages/tabBar/index/index'
			}
		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//获取阿姨列表
			async getAuntListFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证 

				let dataauntList = await this.$api.get(global.apiUrls.post68351c685225b, {

				});

				if (dataauntList.data.code != 1) {
					this.$message.info(dataauntList.data.msg);
					return
				}
				let infoauntList = dataauntList.data;
				this.auntList = infoauntList.data
			},
			//获取上架开关
			async getSwitchFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let dataswitchData = await this.$api.get(global.apiUrls.post643e0feac967e, {

				});

				if (dataswitchData.data.code != 1) {
					this.$message.info(dataswitchData.data.msg);
					return
				}
				let infoswitchData = dataswitchData.data;
				this.switchData = infoswitchData.data
			},
			//服务自定义跳转
			serves_redirtFunc(type, serves_id, name) {
				if (type == '1') {
					this.$urouter.navigateTo(`/pages/index/classify/classify?pid=${serves_id}&name=${name}`);
				} else if (type == '2') {
					this.$urouter.navigateTo(`/pages/index/serviceDetails/serviceDetails?aid=${serves_id}`);
				} else if (type == '3') {

				} else if (type == '4') {

				}
			},
			//获取服务分类-首页
			async get_serves_listFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let dataserves_list = await this.$api.get(global.apiUrls.post63db758410801, {
					arr_num: '10',
					is_show: '1'
				});

				if (dataserves_list.data.code != 1) {
					this.$message.info(dataserves_list.data.msg);
					return
				}
				let infoserves_list = dataserves_list.data;
				this.serves_list = infoserves_list.data

			},
			//首页- banner图
			async get_banner_listFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let databanner_list = await this.$api.get(global.apiUrls.post636e02b419726, {
					operationadstype_id: '1'
				});

				if (databanner_list.data.code != 1) {
					this.$message.info(databanner_list.data.msg);
					return
				}
				let infobanner_list = databanner_list.data;
				this.banner_list = infobanner_list.data

			},
			//首页会员图片
			async memberFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datmemberList = await this.$api.get(global.apiUrls.post636e02b419726, {
					operationadstype_id: '14'
				});

				if (datmemberList.data.code != 1) {
					this.$message.info(datmemberList.data.msg);
					return
				}
				let infomemberList = datmemberList.data;
				this.memberList = infomemberList.data

			},
			//首页推广图片
			async promotionFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datpromotionList = await this.$api.get(global.apiUrls.post636e02b419726, {
					operationadstype_id: '15'
				});

				if (datpromotionList.data.code != 1) {
					this.$message.info(datpromotionList.data.msg);
					return
				}
				let infopromotionList = datpromotionList.data;
				this.promotionList = infopromotionList.data

			},
			//首页-精选推荐服务
			async get_home_service_listFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datatuijian_list = await this.$api.post(global.apiUrls.post661c7cc786700, {
					city_name: this.cityinfo.text
				});

				if (datatuijian_list.data.code != 1) {
					this.$message.info(datatuijian_list.data.msg);
					return
				}
				let infotuijian_list = datatuijian_list.data;
				this.tuijian_list = infotuijian_list.data

			},
			//首页-用户口碑
			async get_koubei_listFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datakoubei_list = await this.$api.get(global.apiUrls.post64054abe6c15d, {

				});

				if (datakoubei_list.data.code != 1) {
					this.$message.info(datakoubei_list.data.msg);
					return
				}
				let infokoubei_list = datakoubei_list.data;
				this.koubei_list = infokoubei_list.data

			},
			//获取秒杀倒计时
			async getTimeFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datatimeData = await this.$api.get(global.apiUrls.post64dc6d7594f38, {

				});

				if (datatimeData.data.code != 1) {
					this.$message.info(datatimeData.data.msg);
					return
				}
				let infotimeData = datatimeData.data;
				this.timeData = infotimeData.data

			},
			//获取限时秒杀列表
			async getLimitedTimeFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datalimitedTime = await this.$api.post(global.apiUrls.post64dc77e6c635f, {
					is_index: '1',
					city_name: this.cityinfo.text
				});

				if (datalimitedTime.data.code != 1) {
					this.$message.info(datalimitedTime.data.msg);
					return
				}
				let infolimitedTime = datalimitedTime.data;
				this.limitedTime = infolimitedTime.data

			},
			//获取热门推荐列表
			async getPopularFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datapopularList = await this.$api.post(global.apiUrls.post64e01fe930bcf, {
					is_index: '1',
					city_name: this.cityinfo.text
				});

				if (datapopularList.data.code != 1) {
					this.$message.info(datapopularList.data.msg);
					return
				}
				let infopopularList = datapopularList.data.data;
				this.popularList = infopopularList.data

			},
			//获取搜索轮播
			async getSearchFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datasearchList = await this.$api.get(global.apiUrls.post6413ba72827d6, {

				});

				if (datasearchList.data.code != 1) {
					this.$message.info(datasearchList.data.msg);
					return
				}
				let infosearchList = datasearchList.data;
				this.searchList = infosearchList.data

			},
			//获取当前位置城市
			// async getAddressCityFunc() {
			// 	//请求方法
			// 	//数据验证
			// 	let datacityinfo = await this.$api.get(global.apiUrls.post6528b23ff39a1, {

			// 	});
			// 	if (datacityinfo.data.code != 1) {
			// 		this.$message.info(datacityinfo.data.msg);
			// 		return
			// 	}
			// 	let infocityinfo = datacityinfo.data;
			// 	this.cityinfo = infocityinfo.data
			// 	uni.setStorageSync('cityinfo', this.cityinfo)
			// 	this.get_home_service_listFunc(this.cityinfo)
			// 	console.log(this.cityinfo);
			// },
			//自动定位
			autoGetLocationFunc() {
				if (!this.setCheckPermission(1)) {
					return
				}
				let that = this
				uni.getLocation({
					geocode: true,
					type: 'gcj02',
					success: (res) => {
						that.amapPlugin.getRegeo({
							location: `${res.longitude},${res.latitude} `,
							success: (addr) => {
								uni.hideLoading();
								let datas = addr[0].regeocodeData.addressComponent
								console.log(datas, '这是定位信息快来看我这是定位信息快来看我');
								// that.cityinfo.text = datas.city || datas.province;
								// that.cityinfo.text = typeof(datas.city)=='string'? datas.city: datas.province;
								that.cityinfo.text = (datas.city && datas.city.length > 0) ? datas
									.city : datas.province;
								that.cityinfo.district = datas.district;
								that.cityinfo.lat = res.latitude;
								that.cityinfo.lng = res.longitude;
								console.log(that.cityinfo.district, '123123123');
								uni.setStorageSync('cityinfo', that.cityinfo)
								that.getAddressFunc(res.longitude, res.latitude)
								that.get_home_service_listFunc()
								// that.popupShow1709879464481 = false
							},
							fail: (err) => {
								uni.hideLoading();
								console.log(err, 'err');
							}
						});
					},
					fail: (error) => {
						console.log(error, 'error');
						uni.hideLoading();
					}
				});
			},
			//自动定位2
			autoGetLocation2Func() {
				// if (!this.setCheckPermission(1)) {
				// 	return
				// }
				let that = this
				uni.getLocation({
					geocode: true,
					type: 'gcj02',
					success: (res) => {
						that.amapPlugin.getRegeo({
							location: `${res.longitude},${res.latitude} `,
							success: (addr) => {
								uni.hideLoading();
								let datas = addr[0].regeocodeData.addressComponent
								console.log(datas, '这是定位信息快来看我这是定位信息快来看我');
								// that.cityinfo.text = datas.city || datas.province;
								that.cityinfo.text = (datas.city && datas.city.length > 0) ? datas
									.city : datas.province;
								that.cityinfo.district = datas.district;
								that.cityinfo.lat = res.latitude;
								that.cityinfo.lng = res.longitude;
								console.log(that.cityinfo.district, '123123123');
								uni.setStorageSync('cityinfo', that.cityinfo)
								that.get_home_service_listFunc()
								// that.popupShow1709879464481 = false
							},
							fail: (err) => {
								uni.hideLoading();
								console.log(err, 'err');
							}
						});
					},
					fail: (error) => {
						console.log(error, 'error');
						uni.hideLoading();
					}
				});
			},
			//判断是否获取定位
			getJudgmentLocationFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				// #ifdef APP
				if (uni.getStorageSync('cityinfo')) {
					this.get_home_service_listFunc()
				}
				//  else {
				// 	console.log('546545646');
				// 	this.autoGetLocationFunc()
				// }
				// #endif
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('cityinfo')) {
					this.get_home_service_listFunc()
					this.getAddressFunc()
				} else {
					this.autoGetLocation2Func()
				}
				// #endif
			},
			//获取经纬度
			async getAddressFunc(lat, lng) {
				if (this.isLogin == true) {
					//请求方法
					//数据验证
					let data64f2ad15ea5b5 = await this.$api.post(global.apiUrls.post64f2ad15ea5b5, {
						lng: lng,
						lat: lat
					});
					if (data64f2ad15ea5b5.data.code != 1) {
						this.$message.info(data64f2ad15ea5b5.data.msg);
						return
					}
					console.log(uni.getStorageSync('intervalId1'), '111111111111111111');
					if (!uni.getStorageSync('intervalId1')) {
						this.intervalId1 = setInterval(() => {
							uni.setStorageSync('intervalId1', 1)
							this.autoGetLocationFunc()
							console.log('周期性定时器触发了！');
						}, 300000)
					}
				}
			},
			//new地图
			getAmapFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				this.amapPlugin = new amap.AMapWX({
					key: "f5aa0e7e4b38444272b0a895e91de9ce"
				});
			},
			//获取首页轮播公告
			async getNoticeDataFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datanoticeList = await this.$api.get(global.apiUrls.post6580167ff2d1e, {

				});

				if (datanoticeList.data.code != 1) {
					this.$message.info(datanoticeList.data.msg);
					return
				}
				let infonoticeList = datanoticeList.data;
				this.noticeList = infonoticeList.data

			},
			//获取版权信息
			async getDataFuncFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datacopyright = await this.$api.get(global.apiUrls.post63ec8b1e9b32b, {
					aid: '1'
				});

				if (datacopyright.data.code != 1) {
					this.$message.info(datacopyright.data.msg);
					return
				}
				let infocopyright = datacopyright.data;
				this.copyright = infocopyright.data

			},
			//获取赠送优惠券
			async getCouponsDataFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.isLogin === false) {
					//请求方法
					//数据验证

					let datacouponsData = await this.$api.get(global.apiUrls.post65fa7f72c12b0, {

					});

					if (datacouponsData.data.code != 1) {
						this.$message.info(datacouponsData.data.msg);
						return
					}
					let infocouponsData = datacouponsData.data;
					this.couponsData = infocouponsData.data

					if (Object.keys(this.couponsData).length) {
						this.popupShow1710916324197 = true;
					}
				}
			},
			//优惠券跳转登录
			goLoginFunc() {
				this.$urouter.reLaunch(`/pages/tabBar/login/login?type=1`);
				this.popupShow1710916324197 = false;
			},
			//获取定位信息
			getPositioningDataFunc() {
				global.lat = this.cityinfo.lat
				global.lng = this.cityinfo.lng

			},
			//邀请码放入缓存
			setInviteCodeFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				console.log(this.invite_code, '这是邀请码');
				uni.setStorageSync('INVITE_CODE', this.invite_code);
			},
			//获取未读消息数量
			async getNoReadNumFuncFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.isLogin === true) {
					//请求方法
					//数据验证
					let datamsgNum = await this.$api.get(global.apiUrls.post64140908ca17c, {});
					if (datamsgNum.data.code != 1) {
						this.$message.info(datamsgNum.data.msg);
						return
					}
					let infomsgNum = datamsgNum.data;
					this.msgNum = infomsgNum.data
					uni.setTabBarBadge({
						index: 4,
						text: this.msgNum.no_read_num
					})
				}
			},
			//页面监听
			diyPageListen() {
				clearInterval(this.intervalId);
				this.intervalId = null
				uni.$on('cityinfo', (data) => {
					this.cityinfo = data;
					this.getPositioningDataFunc()
					// this.get_home_service_listFunc()
				});
			},
			//注销页面监听
			diyOffPageListen() {
				uni.$off('cityinfo');
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		// background: linear-gradient(0deg, #eee, #fff 125%, #fff), transparent;
		background: url(image-path('indexlogo.png')) no-repeat, linear-gradient(0deg, #eee, #fff 125%, #fff), transparent;
		// background: #d90b20;
		background-size: 100% auto;
	}

	.index_flex_0 {
		// background: linear-gradient(180deg, #E31D1A, #ea5653);
		// background: linear-gradient(180deg, #5BC1f9, #4CA8F7);
		background: url(image-path('indexlogo.png')) no-repeat;
		width: 750rpx;
		height: 215rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.index_numberfd0_1_c3_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_fd0_1_c3_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}

	.index_fd0_1_c3 {
		width: 350rpx;
		height: 40rpx;
	}

	.index_swiperDotUnselectedfd0_1_c3 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotSelectedfd0_1_c3 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .index_swiperDotfd0_1_c3 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_fd0_1_c2 {
		font-size: 24rpx;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 20rpx 0rpx 20rpx;
	}

	.index_fd0_1_c1 {
		background: #eee;
		width: 1rpx;
		height: 40rpx;
		margin: 0rpx 0rpx 0rpx 20rpx;
		background-size: 100% auto !important;
	}

	.index_fd0_1_c0_c1 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
		margin: 0rpx 0rpx 0rpx 10rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 140rpx;
	}

	.index_fd0_1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd0_1 {
		background: #fff;
		width: 686rpx;
		height: 90rpx;
		border-radius: 45rpx 45rpx 45rpx 45rpx;
		background-size: 100% auto !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 20rpx 32rpx 0rpx 32rpx;
	}

	.index_fd0_0_c1_c0 {
		font-size: 32rpx;
		font-weight: 700;
		color: #fff;
	}

	.index_fd0_0_c0 {
		width: 120rpx;
		height: 88rpx;
	}

	.index_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.index_flex_1 {
		// background: linear-gradient(180deg, #ea5653, #FFFFFF);
		// background: linear-gradient(180deg, #4CA8F7, #FFFFFF);
		background-size: 100% auto !important;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: -10rpx 0rpx 0rpx 0rpx;
	}

	.index_numberfd1_0_c0 {
		background: #d5d5d5;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_fd1_0_c1_c0 {
		width: 686rpx;
		height: 372rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	.index_fd1_0 {
		width: 686rpx;
		height: 372rpx;
	}

	.index_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .index_swiperDotfd1_0 {
		position: absolute;
		bottom: 16rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_flex_2 {
		background: var(--benbenbgColor1);
		padding: 0rpx 32rpx 0rpx 32rpx;
		background-size: 100% auto;
	}

	.index_numberfd2_0_c0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_fd2_0_c0_c1_c0_c1 {
		font-size: 22rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.index_fd2_0_c0_c1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.index_fd2_0_c0_c1_c0 {
		height: 60rpx;
	}

	.index_fd2_0_c0 {
		width: 686rpx;
		height: 60rpx;
	}

	.index_swiperDotUnselectedfd2_0_c0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotSelectedfd2_0_c0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .index_swiperDotfd2_0_c0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_fd2_0 {
		padding: 4rpx 0rpx 4rpx 0rpx;
	}

	.index_flex_3 {
		// background: var(--benbenbgColor1);
		padding: 32rpx 15rpx 0rpx 15rpx;
		background-size: 100% auto;
	}

	.index_numberfd3_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_fd3_0_c1 {
		width: 750rpx;
		height: 300rpx;
	}

	.index_fd3_0_c1_c0_c0_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		width: 120rpx;
		text-align: center;
	}

	.index_fd3_0_c1_c0_c0_c0 {
		width: 80rpx;
		height: 80rpx;
		border-radius: 16rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.index_fd3_0_c1_c0_c0 {
		margin: 0rpx 0rpx 10rpx 0rpx;
		width: 20%;
	}

	.index_fd3_0_c1_c0 {
		width: 100%;
		height: 90%;
	}

	.index_fd3_0 {
		width: 720rpx;
		height: 300rpx;
	}

	.index_swiperDotUnselectedfd3_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 8rpx;
		height: 8rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotSelectedfd3_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 32rpx;
		height: 8rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .index_swiperDotfd3_0 {
		position: absolute;
		bottom: 10rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_flex_4 {
		width: 580rpx;
	}

	.index_fd4_1_c0 {
		width: 56rpx;
		height: 56rpx;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
	}

	.index_fd4_1 {
		margin: 48rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_0_c1 {
		border: 1px solid rgba(255, 225, 117, 1);
		margin: 18rpx 36rpx 20rpx 36rpx;
		color: rgba(255, 225, 117, 1);
		padding: 16rpx 0rpx 16rpx 0rpx;
	}

	.index_fd4_0_c0_c1_c1 {
		font-size: 90rpx;
	}

	.index_fd4_0_c0_c1_c0 {
		font-size: 57rpx;
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_0_c0_c1 {
		color: rgba(255, 225, 117, 1);
	}

	.index_fd4_0_c0_c0 {
		color: rgba(255, 225, 117, 1);
		font-size: 48rpx;
		line-height: 67rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.index_fd4_0_c0 {
		height: 100%;
		margin: 0rpx 36rpx 48rpx 36rpx;
	}

	.index_fd4_0 {
		padding: 300rpx 0rpx 0rpx 0rpx;
	}

	.index_flex_5 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 32rpx 0rpx 16rpx 0rpx;
	}

	.index_fd5_1_c0_c0 {
		font-size: 28rpx;
		font-weight: 600;
		color: #333;
		line-height: 28rpx;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.index_fd5_0_c1_c0_c2_c1 {
		font-size: 22rpx;
		font-weight: 400;
		color: #e86349;
		line-height: 20rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd5_0_c1_c0_c2_c0 {
		font-size: 22rpx;
		font-weight: 400;
		color: #e86349;
		line-height: 20rpx;
	}

	.index_fd5_0_c1_c0_c1 {
		font-size: 22rpx;
		font-weight: 400;
		color: #333;
		margin: 10rpx 0rpx 8rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		width: 152rpx;
	}

	.index_fd5_0_c1_c0_c0 {
		width: 152rpx;
		height: 96rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd5_0_c1 {
		touch-action: none;
		width: 302rpx;
	}

	.index_fd5_0_c0_c0 {
		font-size: 28rpx;
		font-weight: 600;
		color: #333;
		margin: 0rpx auto 0rpx 0rpx;
		line-height: 28rpx;
	}

	.index_fd5_0_c0_c0001 {
		font-size: 22rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}

	.index_fd5_0_c0_c0002 {
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}

	.index_fd5_0_c0 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.index_fd5_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 334rpx;
		padding: 20rpx 16rpx 20rpx 16rpx;
	}

	.index_flex_6 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.index_fd6_0 {
		width: 702rpx;
		height: 163rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_flex_7 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.index_fd7_1_c3_c1 {
		background: #e86349;
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		font-size: 28rpx;
		color: var(--benbenFontColor3);
		width: 200rpx;
		height: 64rpx;
		line-height: 64rpx;
	}

	.index_fd7_1_c3_c0_c3 {
		margin: 0rpx 0rpx 0rpx 16rpx;
		color: var(--benbenFontColor2);
		text-decoration: line-through;
	}

	.index_fd7_1_c3_c0_c2 {
		color: #e86349;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.index_fd7_1_c3_c0_c1 {
		font-size: 32rpx;
		font-weight: 400;
		color: #e86349;
		line-height: 40rpx;
	}

	.index_fd7_1_c3_c0_c0 {
		color: var(--benbenFontColor4);
		font-size: 22rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.index_fd7_1_c3 {
		margin: 8rpx 24rpx 32rpx 24rpx;
	}

	.index_fd7_1_c2_c2 {
		font-size: 16rpx;
		color: rgba(191, 191, 191, 1);
		margin: 3rpx 0rpx 0rpx 10rpx;
	}

	.index_fd7_1_c2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(191, 191, 191, 1);
		margin: 0rpx 0rpx 0rpx 20rpx;
	}

	.index_fd7_1_c2_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(191, 191, 191, 1);
	}

	.index_fd7_1_c2 {
		margin: 10rpx 24rpx 0rpx 24rpx;
	}

	.index_fd7_1_c1_c1 {
		color: #929292;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.index_fd7_1_c1_c0 {
		color: #333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd7_1_c1 {
		margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.index_fd7_1_c0_c1_c0 {
		color: var(--benbenFontColor3);
		font-size: 28rpx;
		font-weight: 400;
		line-height: 28rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.index_fd7_1_c0_c1 {
		background: #e86349;
		background-size: 100% auto !important;
		padding: 10rpx 20rpx 10rpx 20rpx;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		position: absolute;
		left: 0rpx;
		top: 0rpx;
	}

	.index_fd7_1_c0_c0 {
		width: 686rpx;
		height: 280rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.index_fd7_1_c0 {
		position: relative;
	}

	.index_fd7_1 {
		background: #fff;
		margin: 0rpx 0rpx 20rpx 0rpx;
		background-size: 100% auto !important;
		box-shadow: 0rpx 3rpx 30rpx #E8E8E8;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd7_0_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.index_fd7_0_c0 {
		width: 34rpx;
		height: 34rpx;
		margin: 0rpx 20rpx 0rpx 0rpx;
	}

	.index_fd7_0 {
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.index_flex_8 {
		width: 750rpx;
		padding: 0rpx 21rpx 0rpx 21rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.index_fd8_1_c0_c2_c1 {
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.index_fd8_1_c0_c2_c0 {
		width: 42rpx;
		height: 42rpx;
		border-radius: 21rpx 21rpx 21rpx 21rpx;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.index_fd8_1_c0_c2 {
		margin: 0rpx 20rpx 24rpx 20rpx;
	}

	.index_fd8_1_c0_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 24rpx 20rpx 20rpx 20rpx;
		height: 66rpx;
	}

	.index_fd8_1_c0_c0 {
		width: 332rpx;
		height: 332rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.index_fd8_1_c0 {
		background: rgba(255, 255, 255, 1);
		margin: 0rpx 11rpx 20rpx 11rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
		width: 332rpx;
	}

	.index_fd8_0_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.index_fd8_0_c0 {
		width: 34rpx;
		height: 34rpx;
		margin: 0rpx 20rpx 0rpx 0rpx;
	}

	.index_fd8_0 {
		margin: 0rpx 11rpx 24rpx 11rpx;
	}

	.homePage_flex_4001 {
		margin: 20rpx 0rpx 20rpx 0rpx;
	}

	.homePage_flex_4008 {
		width: 380rpx;
		height: 380rpx;
	}

	.homePage_fd4_0001 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
	}

	.homePage_fd4_1001 {
		font-size: 28rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
	}

	.order_fd2_1_c1 {
		background: #d90b20;
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 500rpx;
		line-height: 70rpx;
		font-size: 28rpx;
		color: #fff;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.index_flex_9 {
		background: rgba(51, 51, 51, 0.7);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto;
	}

	.index_fd9_0 {
		font-size: 30rpx;
		font-weight: 400;
		color: var(--benbenFontColor3);
		margin: 0rpx 0rpx 0rpx 40rpx;
	}

	.index_fd9_1 {
		background: var(--benbenbgColor2);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor3);
		width: 120rpx;
		height: 54rpx;
		line-height: 54rpx;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}

	//
	::v-deep .index_swiperDotfd1_00001 {
		position: absolute;
		bottom: 16rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_swiperDotSelectedfd1_00001 {
		background: #00A7FF;
		width: 32rpx;
		height: 8rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotUnselectedfd1_00001 {
		background: rgba(0, 0, 0, 0.3);
		width: 10rpx;
		height: 10rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	//
	.index_fd5_0796655444 {
		margin-right: 10rpx;
	}

	//
	.index_flex_6_ben0785236 {
		margin: 0rpx 24rpx 16rpx 24rpx;
	}

	.index_fd6_0_ben0785236 {
		width: 335rpx;
		height: 200rpx;
		border-radius: 16rpx;
	}

	//阿姨推荐
	.index_flex_0_hiae {
		padding: 16rpx 24rpx 0rpx 24rpx;

		.index_fd0_0_hiae {
			margin: 24rpx 0rpx 24rpx 0rpx;

			.index_fd0_0_c0_hiae {
				width: 34rpx;
				height: 34rpx;
				margin: 0rpx 20rpx 0rpx 0rpx;
			}

			.index_fd0_0_c1_hiae {
				color: #333;
				font-size: 32rpx;
				font-weight: 600;
				line-height: 45rpx;
			}

			.index_fd0_0_c2_c0_hiae {
				font-size: 24rpx;
				color: rgba(153, 153, 153, 1);
			}

			.index_fd0_0_c2_c1_hiae {
				font-size: 22rpx;
				color: rgba(153, 153, 153, 1);
			}
		}

		.index_fd0_1_hiae {
			touch-action: none;
			width: 702rpx;

			.index_fd0_1_c0_hiae {
				margin: 0rpx 20rpx 0rpx 0rpx;
				width: 190rpx;

				.index_fd0_1_c0_c0_hiae {
					width: 190rpx;
					height: 190rpx;
					border-radius: 8rpx;
				}

				.index_fd0_1_c0_c1_hiae {
					font-size: 28rpx;
					color: var(--benbenFontColor0);
					font-weight: 500;
					margin: 10rpx 0rpx 10rpx 0rpx;
				}

				.index_fd0_1_c0_c2_hiae {
					width: 190rpx;

					.index_fd0_1_c0_c2_c0_hiae {
						margin: 0rpx 6rpx 0rpx 0rpx;

						.index_fd0_1_c0_c2_c0_c0_hiae {
							font-size: 20rpx;
							color: var(--benbenFontColor2);
							font-weight: 500;
							background: rgba(234, 234, 234, 1);
							background-size: 100% auto;
							padding: 4rpx 4rpx 4rpx 4rpx;
							border-radius: 4rpx;
						}
					}
				}
			}
		}
	}
</style>